﻿body{ margin: 0px !important;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;/* box-sizing:border-box; */}
.flex_box{ display:flex; display: -webkit-flex; display: -ms-flex;}
.flex_center{ display:flex; display: -webkit-flex; display: -ms-flex; align-items: center}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{ list-style:none; padding: 0px; margin: 0px;}
i,em{ font-style:inherit;}
p{ padding:0px; margin:0px; }
img{vertical-align:bottom; border:0px !important;}
a,span,label,i,em,b,font{ display:inline-block;}
a{ text-decoration:none; color:#3c3c3c; cursor:pointer !important;}
a:active,input:active{ outline:none;}
.text_hide{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text_show{ white-space:normal; overflow: auto; text-overflow:ellipsis;}
.display_inline_block{ display:inline-block;}
.hide{ display:none;}
.hide_1{ display:none;}
.show{ display:block !important;}
.float_right{ float:right !important;}
.float_none{ float:none !important;}
.cursor_pointer{ cursor:pointer;}
.display_none{ display:none;}
.display_block{ display:block !important;}
.display_initial{ display:initial !important;}
.price{font-size:15px; font-family:Verdana; color:#e84d1c;}
.height_initial{ height:initial !important;}
.border_0{ border:0px !important;}
.border_bottom{ border-bottom:1px solid #e4e4e4;}
.text_through{ text-decoration:line-through;}
.text_underline{ text-decoration:underline;}
.no_radius{border-radius: inherit  !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.clear{ clear:both !important;}
.z_index1{z-index:1;}
.z_index999{z-index:999;}
.box-shadow5{ box-shadow: 0px 0px 5px #666 !important;}
.position_a{ position:absolute !important;}
.position_f{ position:fixed !important;}
.position_r{ position:relative !important;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.tc{ text-align:center !important;}
.tr{ text-align:right !important;}
.tl{ text-align:left !important;}
.top_100{top: 100% !important; bottom:inherit !important;}
.bottom_100{bottom: 100% !important; top:inherit !important;}
.top0{top: 0px !important; bottom:inherit !important;}
.topcenter{top: 50% !important; bottom:inherit !important;}
.bottom0{bottom: 0px !important; top:inherit !important;}
.left0{ left:0px;}
.left-1{ left:-1px;}
.right0{ right:0px !important; left:inherit !important;}
.right-1{ right:-1px !important; left:inherit !important;}
.right10{ right:10px !important; left:inherit !important;}
.right15{ right:15px !important; left:inherit !important;}
.right20{ right:20px !important; left:inherit !important;}
.right30{ right:30px !important; left:inherit !important;}
.right40{ right:40px !important; left:inherit !important;}
.right50{ right:50px !important; left:inherit !important;}
.right60{ right:60px !important; left:inherit !important;}
.right70{ right:70px !important; left:inherit !important;}
.right100{ right: 100% !important; left:inherit !important;}

.pt0{ padding-top:0px !important;}
.pt5{ padding-top:5px !important;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;}
.pt25{ padding-top:25px !important;}
.pt30{ padding-top:30px !important;}
.pt40{ padding-top:40px !important;}
.pt45{ padding-top:45px !important;}
.pt50{ padding-top:50px !important;}

.pb0{ padding-bottom:0px !important;}
.pb5{ padding-bottom:5px !important;}
.pb10{ padding-bottom:10px !important;}
.pb15{ padding-bottom:15px !important;}
.pb20{ padding-bottom:20px !important;}
.pb25{ padding-bottom:25px !important;}
.pb30{ padding-bottom:30px !important;}
.pb50{ padding-bottom:50px !important;}
.pb250{ padding-bottom:250px !important;}

.pl0{ padding-left:0px !important;}
.pl5{ padding-left:5px !important;}
.pl10{ padding-left:10px !important;}
.pl15{ padding-left:15px !important;}
.pl20{ padding-left:20px !important;}
.pl25{ padding-left:25px !important;}
.pl30{ padding-left:30px !important;}
.pl35{ padding-left:35px !important;}
.pl40{ padding-left:40px !important;}
.pl45{ padding-left:45px !important;}
.pl50{ padding-left:50px !important;}
.pl55{ padding-left:55px !important;}
.pl60{ padding-left:60px !important;}

.pr0{ padding-right:0px !important;}
.pr5{ padding-right:5px !important;}
.pr10{ padding-right:10px !important;}
.pr15{ padding-right:15px !important;}
.pr20{ padding-right:20px !important;}
.pr25{ padding-right:25px !important;}
.pr30{ padding-right:30px !important;}
.pr35{ padding-right:35px !important;}
.pr40{ padding-right:40px !important;}
.pr45{ padding-right:45px !important;}
.pr50{ padding-right:50px !important;}

.plr0{ padding:0 0 !important;}
.plr5{ padding:0 5px !important;}
.plr10{ padding-left: 10px !important; padding-right: 10px !important;}
.plr15{ padding-left: 15px !important; padding-right: 15px !important;}
.plr20{ padding:0 20px !important;}
.plr25{ padding:0 25px !important;}
.plr30{ padding:0 30px !important;}
.plr35{ padding:0 35px !important;}
.plr40{ padding:0 40px !important;}
.plr45{ padding:0 45px !important;}
.plr50{ padding:0 50px !important;}

.ptb0{ padding:0px 0 !important;}
.ptb5{ padding-top: 5px !important; padding-bottom: 5px !important;}
.ptb10{ padding:10px 0 !important;}
.ptb15{ padding-top: 15px !important; padding-bottom: 15px !important;}
.ptb20{ padding:20px 0px !important;}
.ptb25{ padding:25px 0px !important;}
.ptb30{ padding:30px 0px !important;}
.ptb35{ padding:35px 0px !important;}
.ptb40{ padding:40px 0px !important;}
.ptb45{ padding:45px 0px !important;}
.ptb50{ padding:50px 0px !important;}

.mt0{ margin-top:0px !important;}
.mt5{ margin-top:5px !important;}
.mt-1{ margin-top:-1px !important;}
.mt-5{ margin-top:-5px !important;}
.mt10{ margin-top:10px !important;}
.mt-10{ margin-top:-10px !important;}
.mt15{ margin-top:15px !important;}
.mt-15{ margin-top:-15px !important;}
.mt20{ margin-top:20px !important;}
.mt-20{ margin-top:-20px !important;}
.mt25{ margin-top:25px !important;}
.mt-25{ margin-top:-25px !important;}
.mt30{ margin-top:30px !important;}
.mt-30{ margin-top:-30px !important;}
.mt35{ margin-top:35px !important;}
.mt-35{ margin-top:-35px !important;}
.mt40{ margin-top:40px !important;}
.mt-40{ margin-top:-40px !important;}
.mt45{ margin-top:45px !important;}
.mt-45{ margin-top:-45px !important;}
.mt50{ margin-top:50px !important;}
.mt-50{ margin-top:-50px !important;}

.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:5px !important;}
.mb-1{ margin-bottom:-1px !important;}
.mb-5{ margin-bottom:-5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb-10{ margin-bottom:-10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb-15{ margin-bottom:-15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb-20{ margin-bottom:-20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb-25{ margin-bottom:-25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb-30{ margin-bottom:-30px !important;}
.mb45{ margin-bottom:45px !important;}
.mb-45{ margin-bottom:-45px !important;}
.mb50{ margin-bottom:50px !important;}
.mb-50{ margin-bottom:-50px !important;}

.ml0{ margin-left:0px !important;}
.ml5{ margin-left:5px !important;}
.ml-1{ margin-left:-1px !important;}
.ml-5{ margin-left:-5px !important;}
.ml10{ margin-left:10px !important;}
.ml-10{ margin-left:-10px !important;}
.ml15{ margin-left:15px !important;}
.ml-15{ margin-left:-15px !important;}
.ml20{ margin-left:20px !important;}
.ml-20{ margin-left:-20px !important;}
.ml25{ margin-left:25px !important;}
.ml-25{ margin-left:-25px !important;}
.ml30{ margin-left:30px !important;}
.ml-30{ margin-left:-30px !important;}
.ml50{ margin-left:50px !important;}
.ml-50{ margin-left:-50px !important;}

.mr0{ margin-right:0px !important;}
.mr5{ margin-right:5px !important;}
.mr-1{ margin-right:-1px !important;}
.mr-5{ margin-right:-5px !important;}
.mr10{ margin-right:10px !important;}
.mr-10{ margin-right:-10px !important;}
.mr15{ margin-right:15px !important;}
.mr-15{ margin-right:-15px !important;}
.mr20{ margin-right:20px !important;}
.mr-20{ margin-right:-20px !important;}
.mr25{ margin-right:25px !important;}
.mr-25{ margin-right:-25px !important;}
.mr30{ margin-right:30px !important;}
.mr-30{ margin-right:-30px !important;}
.mr35{ margin-right:35px !important;}
.mr-35{ margin-right:-35px !important;}
.mr40{ margin-right:40px !important;}
.mr-40{ margin-right:-40px !important;}
.mr45{ margin-right:45px !important;}
.mr-45{ margin-right:-45px !important;}
.mr50{ margin-right:50px !important;}
.mr-50{ margin-right:-50px !important;}

.lh20{ line-height:20px !important;}
.lh25{ line-height:25px !important;}
.lh30{ line-height:30px !important;}
.lh35{ line-height:35px !important;}
.lh40{ line-height:40px !important;}
.lh45{ line-height:45px !important;}
.lh50{ line-height:50px !important;}

.max_h20{ max-height:20px !important;}
.max_h25{ max-height:25px !important;}
.max_h30{ max-height:30px !important;}
.max_h35{ max-height:35px !important;}
.max_h40{ max-height:40px !important;}
.max_h45{ max-height:45px !important;}
.max_h50{ max-height:50px !important;}
.max_h55{ max-height:55px !important;}
.max_h60{ max-height:60px !important;}
.max_h65{ max-height:65px !important;}
.max_h100{ max-height:100px !important;}
.max_h118{ max-height:118px !important;}
.max_h200{ max-height:200px !important;}
.max_h300{ max-height:300px !important;}
.max_h450{ max-height:450px !important;}
.max_height{ max-height:100% !important;}
.heightfull{ height:100% !important;}

.min_h20{ min-height:20px !important;}
.min_h25{ min-height:25px !important;}
.min_h30{ min-height:30px !important;}
.min_h35{ min-height:35px !important;}
.min_h40{ min-height:40px !important;}
.min_h45{ min-height:45px !important;}
.min_h50{ min-height:50px !important;}
.min_h55{ min-height:55px !important;}
.min_h60{ min-height:60px !important;}
.min_h65{ min-height:65px !important;}

.max_w200{ max-width:200px !important;}

.overflow_hidden{ overflow:hidden !important;}
.overflow_initial{ overflow:initial !important;}
.overflow_inherit{ overflow:inherit !important;}
.overflow_y_inherit{ overflow-y:inherit !important;}
.overflow_y{ overflow-y:auto !important;}
.overflow_yh{ overflow-y:hidden !important;}
.overflow_xh{ overflow-x:hidden !important;}
.height_inherit{ height:inherit !important;}
.text_hide{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text_hide_none{ white-space:initial !important; overflow:initial !important; text-overflow:initial !important;}


/***
按钮样式jl_btn
***/
.jl_btn{ padding:4px 10px; text-align:center; color:#fff !important; cursor:pointer; transition:background 0.2s; position:relative; font-size:13px !important; border-radius:4px; }
.jl_btn:hover{ text-decoration:none;}
.jl_btn > i{}

.btn_color{ background: var(--color); border:1px solid var(--color);}
.btn_color:hover{ background-color: var(--color);}
.btn_color_or{ background:#fff; border:1px solid var(--color); color:var(--color) !important;}
.btn_color_or:hover{ background:var(--color); color:#fff !important;}
.btn_color_xuan{ background:var(--color); color:#fff !important; border:1px solid var(--color);}


.btn_blue{ background:#00a2ca; border:1px solid #0292b5;}
.btn_blue:hover{ background:#0292b5;}
.btn_blue_or{ background:#fff; border:1px solid #00a2ca; color:#00a2ca !important;}
.btn_blue_or:hover{ background:#00a2ca; color:#fff !important;}
.btn_blue_xuan{ background:#00a2ca; color:#fff !important; border:1px solid #00a2ca;}

.btn_white{ background:#fff; color:#333 !important; border:1px solid #ccc;}
.btn_white:hover{ background:#eee;}
.btn_white_or{ background:#fff; color:#333 !important; border:1px solid #ccc;}
.btn_white_or:hover{ background:#eee;}
.btn_white_xuan{ background:#eee; color:#333 !important; border:1px solid #ccc;}

.btn_red{ background:#d9534f; border:1px solid #d9534f;}
.btn_red:hover{ background:#d43f3a;}
.btn_red_or{ background:#fff; color:#d9534f !important; border:1px solid #d9534f;}
.btn_red_or:hover{ background:#d9534f; color:#fff !important;}
.btn_red_xuan{ background:#d9534f; color:#fff !important; border:1px solid #d9534f;}

.btn_yellow{ background:#ffb848; border:1px solid #ffb848;}
.btn_yellow:hover{ background:#ffb848;}
.btn_yellow_or{ background:#fff; color:#ffb848 !important; border:1px solid #ffb848;}
.btn_yellow_or:hover{ background:#ffb848; color:#fff !important;}
.btn_yellow_xuan{ background:#ffb848; color:#fff !important; border:1px solid #ffb848;}

.btn_orange{ background:#e84d1c; border:1px solid #e84d1c;}
.btn_orange:hover{ background:#cb3302;}
.btn_orange_or{ background:#fff; color:#e84d1c !important; border:1px solid #e84d1c;}
.btn_orange_or:hover{ background:#e84d1c; color:#fff !important;}
.btn_orange_xuan{ background:#e84d1c; color:#fff !important; border:1px solid #e84d1c;}

.btn_green{ background:#28b779; border:1px solid #28b779;}
.btn_green:hover{ background:#e84d1c;}
.btn_green_or{ border:1px solid #28b779; background:#fff; color:#28b779 !important;}
.btn_green_or:hover{ background:#28b779; color:#fff !important;}
.btn_green_xuan{ background:#28b779; color:#fff !important; border:1px solid #28b779;}

.btn_purple{ background:#852b99; border:1px solid #852b99;}
.btn_purple:hover{ background:#852b99;}
.btn_purple_or{ border:1px solid #852b99; background:#fff; color:#852b99 !important;}
.btn_purple_or:hover{ background:#852b99; color:#fff !important;}
.btn_purple_xuan{ background:#852b99; color:#fff !important; border:1px solid #852b99;}

.btn_shadow{ box-shadow:1px 2px 2px #ccc;}
.radius0{ border-radius:0px;}
.radius3{ border-radius:3px;}
.radius5{ border-radius:5px;}
.radius_circular{ border-radius:50%;}

/***
背景色jl_bgcolor
***/
.bgcolor_white{ background:#ffffff !important;}
.bgcolor_red{ background:#f4645f;}
.bgcolor_red2{ background:#ff4400;}
.bgcolor_red3{ background:#eb0202;}
.bgcolor_green{ background:#28b779;}
.bgcolor_blue{ background:#2664be;}
.bgcolor_blue_or{ background:#fff; border:2px solid #00a2ca; color:#000 !important;}
.bgcolor_black{ background:#333;}
.bgcolor_yellow{ background:#ffb848;}
.bgcolor_purple{ background:#852b99;}
.bgcolor_gray{ background:#aaa !important;}
.bgcolor_gray_000{ background:#aaa !important;}
.bgcolor_gray_111{ background:#bbb !important;}
.bgcolor_gray_222{ background:#ccc !important;}
.bgcolor_gray_333{ background:#eee !important;}
.bgcolor_gray_444{ background:#f5f5f5 !important;}
.bgcolor_gray_555{ background:#fcfcfc !important;}
.bgcolor_gray_aaa{ background:#aaa !important;}
.bgcolor_orange{ background:#e84d1c;}
.bgcolor_pink{background:#f29588;}
.bgcolor_dark_blue{background:#01363b;}
.bgcolor_light_green{ background:#8cba00;}
.bgcolor_rose_rad{ background:#ea0081;}
.bgcolor_lgreen{ background:#66FF99;}
.bgcolor_salmon{ background:#FFCC66;}


/***
边框线
***/
.bt1{ border-top: 1px solid #e4e4e4; }
.bt0{ border-top: 0px !important;}
.bl1{ border-left: 1px solid #e4e4e4; }
.br1{ border-right: 1px solid #e4e4e4; }
.bb0{ border-bottom: 0px !important;}
.bb1{ border-bottom: 1px solid #e4e4e4; }
.bor1{ border: 1px solid #e4e4e4; }

/***
边框背景色jl_borcolor
***/
.borcolor_red{ border-color:#f4645f;}
.borcolor_red2{ border-color:#ff4400;}
.borcolor_red3{ border-color:#eb0202;}
.borcolor_green{ border-color:#28b779;}
.borcolor_blue{ border-color:#00a2ca !important;}
.borcolor_black{ border-color:#333;}
.borcolor_yellow{ border-color:#ffb848;}
.borcolor_purple{ border-color:#852b99;}
.borcolor_gray{ border-color:#aaa;}
.borcolor_orange{ border-color:#e84d1c;}
.borcolor_pink{border-color:#f29588 ;}
.borcolor_dark_blue{border-color:#01363b;}
.borcolor_light_green{ border-color:#8cba00;}
.borcolor_rose_rad{ border-color:#ea0081;}


/***
字体样式jl_font
***/
.font_white{ color:#FFF !important;}
.font_red{ color:#f4645f !important;}
.font_yellow{ color:#ed9c28 !important;}
.font_blue{ color:#2664be !important;}
.font_green{ color:#28b779 !important;}
.font_purple{ color:#852b99 !important;}
.font_gray{ color:#aaaaaa !important;}
.font_gray_ccc{ color:#ccc !important;}
.font_black_000{ color:#000 !important;}
.font_black_111{ color:#111 !important;}
.font_black_222{ color:#222 !important;}
.font_black_333{ color:#333 !important;}
.font_black_444{ color:#444 !important;}
.font_black_555{ color:#555 !important;}
.font_black_666{ color:#666 !important;}
.font_black_777{ color:#777 !important;}
.font_black_888{ color:#888 !important;}
.font_black_999{ color:#999 !important;}
.font_orange{ color:#e84d1c !important;}
.font_pink{color:#f29588  !important;}
.font_dark_blue{color:#01363b !important;}
.font_light_green{ color:#8cba00 !important;}
.font_rose_rad{ color:#ea0081 !important;}
.font_size_msmall{font-size:10px !important;}
.font_size_small{font-size:12px !important;}
.font_size_standard{font-size:14px !important;}
.font_size_large{font-size:16px !important;}
.font_size_super{font-size:18px !important;}
.font_weight_bold{font-weight: bold !important;}
.font_weight500{font-weight: 500 !important;}
.font_block{color:#666 !important;}



/***
宽度定义
***/

.w20, .w12, .w11, .w10, .w09, .w08, .w07, .w06, .w05, .w04, .w03, .w02, .w01{ float:left;}
.w20{width:20% !important;}
.w12{width:100% !important;}
.w11{width:91.66666667% !important;}
.w10{width:83.33333333% !important;}
.w09{width:75% !important;}
.w08{width:66.66666667% !important;}
.w07{width:58.33333333% !important;}
.w06{width:50% !important;}
.w05{width:41.66666667% !important;}
.w04{width:33.33333333% !important;}
.w03{width:25% !important;}
.w02{width:16.66666667% !important;}
.w01{width:8.33333333% !important;}

.width30, .width50, .width80, .width100, .width120, .width150, .width200, .width250, .width300{ float:left;}
.width30{ width:30px !important;}
.width50{ width:50px !important;}
.width80{ width:80px !important;}
.width100{ width:100px !important;}
.width120{ width:120px !important;}
.width150{ width:150px !important;}
.width200{ width:200px !important;}
.width250{ width:250px !important;}
.width300{ width:300px !important;}

.height30{ height:30px !important;}
.height50{ height:50px !important;}
.height80{ height:80px !important;}
.height100{ height:100px !important;}
.height120{ height:120px !important;}
.height150{ height:150px !important;}
.height200{ height:200px !important;}
.height250{ height:250px !important;}

.min_w15{ min-width:15px !important;}
.min_w20{ min-width:20px !important;}
.min_w25{ min-width:25px !important;}
.min_w30{ min-width:30px !important;}

.min_w12{ min-width:100% !important;}

.ml_w12{ margin-left:100% !important;}
.ml_w11{ margin-left:91.66666667% !important;}
.ml_w10{ margin-left:83.33333333% !important;}
.ml_w09{ margin-left:75% !important;}
.ml_w08{ margin-left:66.66666667% !important;}
.ml_w07{ margin-left:58.33333333% !important;}
.ml_w06{ margin-left:50% !important;}
.ml_w05{ margin-left:41.66666667% !important;}
.ml_w04{ margin-left:33.33333333% !important;}
.ml_w03{ margin-left:25% !important;}
.ml_w20{ margin-left:20% !important;}
.ml_w02{ margin-left:16.66666667% !important;}
.ml_w01{ margin-left:8.33333333% !important;}
.mr_w12{ margin-right:100% !important;}
.mr_w11{ margin-right:91.66666667% !important;}
.mr_w10{ margin-right:83.33333333% !important;}
.mr_w09{ margin-right:75% !important;}
.mr_w08{ margin-right:66.66666667% !important;}
.mr_w07{ margin-right:58.33333333% !important;}
.mr_w06{ margin-right:50% !important;}
.mr_w05{ margin-right:41.66666667% !important;}
.mr_w04{ margin-right:33.33333333% !important;}
.mr_w03{ margin-right:25% !important;}
.mr_w20{ margin-right:20% !important;}
.mr_w02{ margin-right:16.66666667% !important;}
.mr_w01{ margin-right:8.33333333% !important;}

.pl_w12{ padding-left:100% !important;}
.pl_w11{ padding-left:91.66666667% !important;}
.pl_w10{ padding-left:83.33333333% !important;}
.pl_w09{ padding-left:75% !important;}
.pl_w08{ padding-left:66.66666667% !important;}
.pl_w07{ padding-left:58.33333333% !important;}
.pl_w06{ padding-left:50% !important;}
.pl_w05{ padding-left:41.66666667% !important;}
.pl_w04{ padding-left:33.33333333% !important;}
.pl_w03{ padding-left:25% !important;}
.pl_w20{ padding-left:20% !important;}
.pl_w02{ padding-left:16.66666667% !important;}
.pl_w01{ padding-left:8.33333333% !important;}
.pr_w12{ padding-right:100% !important;}
.pr_w11{ padding-right:91.66666667% !important;}
.pr_w10{ padding-right:83.33333333% !important;}
.pr_w09{ padding-right:75% !important;}
.pr_w08{ padding-right:66.66666667% !important;}
.pr_w07{ padding-right:58.33333333% !important;}
.pr_w06{ padding-right:50% !important;}
.pr_w05{ padding-right:41.66666667% !important;}
.pr_w04{ padding-right:33.33333333% !important;}
.pr_w03{ padding-right:25% !important;}
.pr_w20{ padding-right:20% !important;}
.pr_w02{ padding-right:16.66666667% !important;}
.pr_w01{ padding-right:8.33333333% !important;}


.jl_form{ float:left; width:100%; padding:0 0 0 10px;}
.jl_form:active{ background:#f1f1f1;}
.jl_form_item{ padding:12px 35px 12px 0; float:left; width:100%; line-height:20px; font-size:1.7rem !important; position:relative; margin-bottom:-1px;}
.jl_form_item > i{ width:20px; height:20px; text-align:right; line-height:20px; padding:0px; position: absolute; top:50%; margin-top:-10px; right:15px; font-size:2.2rem !important; color:#999; }
.jl_form_item > input{ border:0px !important; line-height:20px !important; padding:0px;}
.jl_form_item > textarea{ border:0px !important; padding:0px !important; line-height:20px; text-indent:0px;}
.jl_form_item > span > div.img{ width: 20px; height: 20px; float: right; overflow: hidden; margin:10px 10px 0 0;}
.jl_form_item > span > div.img img{ width: 20px;}
.jl_form_item > span.form_img_list{ margin-top: -10px;}
.form_img_item{ float:left; position:relative; width:80px; height:80px; margin:0 15px 15px 0;}
.form_img_item.add{ padding: 0px; border:1px dashed #e4e4e4; color:#ccc; font-weight:100;}
.form_img_item.add > i.fa-camera{ font-size:20px !important; float:left; width: 100%; text-align:center; position: inherit; color: #e4e4e4; margin: 20px 0 0 0; top: 0px; left: 0px;}
.form_img_item.add > span{ font-size:12px !important; float:left; width: 100%; text-align:center; margin-top: 5px; color: #ccc;}
.form_img_item.addimg{ border: 0px;}
.form_img_item img{ width:100%; height:100%; float: left;}
.form_img_item.addimg > i.fa-times-circle{ position:absolute; top:0; right:-5px; z-index:1; background:#fff; border-radius:50%;}
.jl_form_item.jl_form_icon{ padding-left:35px;}
.jl_form_item.jl_form_icon .form_icon{ width:30px; height:30px; line-height:30px; font-size:20px; position:absolute; left:0; top:9px;}
.jl_form_item.jl_form_icon .form_icon img{ width:100%;}
.jl_form_item.jl_form_img{ padding-left:70px; min-height:84px;}
.jl_form_item.jl_form_img .form_img{ width:60px; height:60px; position:absolute; left:0; top:10px; text-align: center;}
.jl_form_item.jl_form_img .form_img img{ width:100%;}
.jl_form_item.jl_form_img .form_img i{ color: #fff; font-size: 30px; line-height: 60px;}
.jl_form_item.jl_form_rightImg img{ width:60px;}
.jl_form_item.jl_form_rightImg span{ line-height:60px;}
.jl_form_right{ padding-right: 0px;}
.jl_form_right > div.form_main{ width:calc(100% - 40px); float: left;}
.jl_form_right > span{ position: inherit; float: right; margin-top: 0px; font-size: 20px;}

.jl_list{ float:left; width:100%; padding:0 0 0 10px;}
.jl_list_item{ padding:12px 15px 12px 0; float:left; width:100%; font-size:1.7rem !important; position:relative; margin-bottom:-1px;}
.jl_list_item > .list_body_title{ font-size:1.7rem;}
.jl_list_item .list_body_title em{ color:#fff; padding:1px 5px;}
.jl_list_item.list_checkbox{ padding-left:40px;}
.jl_list_item > .list_checkbox{ position:absolute; width:30px; height:100%; z-index:2; top:0px; left:0px;}
.jl_list_item > .list_checkbox > i{ margin: auto; font-size:3rem;}
.jl_list_title{ padding:10px 0;}
.list_body_main{ font-size:1.5rem; line-height:18px;}
.list_body_main .distance{ position:absolute; right:0px; bottom:12px; width:70px;}
.list_body_main .distance i{ font-size:30px; text-align:center;}
.list_body_main p{ margin-top:5px;}
.list_img_item{ padding-left:75px; min-height:90px;}
.list_img_item .list_body_title{ font-size:16px;}
.list_img_item .list_body_title em{ color:#fff; padding:1px 5px;}
.list_img_item .list_img{ width:60px; height:60px; position:absolute; left:0px; text-align:center; line-height:60px; color:#fff;}
.list_img_item .list_img img{ width:100%; height:100%;}
.list_img_item .list_img div{ position:absolute; width:100%; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.8); bottom:0px;}
.list_img_item.img_small{ padding-left:60px; min-height:80px;}
.list_img_item.img_small > .list_img{ width:50px; height:50px; line-height:50px; position:absolute; left:0px;}
.list_img_item.img_big{ padding-left:110px; min-height:125px;}
.list_img_item.img_big.list_checkbox{ padding-left:140px;}
.list_img_item.img_big > .list_img{ width:100px; height:100px; position:absolute; left:0px;}
.list_img_item.img_big.list_checkbox > .list_img{ left:30px;}
.list_img_item > .list_checkbox{ position:absolute; width:30px; height:100%; z-index:2; top:0px; left:0px;}
.list_img_item > .list_checkbox > i{ margin: auto; font-size:16px;}
.list_img_item button{ height: 25px; line-height: 23px; background: #fff; font-size: 12px; padding: 0 10px; border: 1px solid #e4e4e4; border-radius: 15px;}

.list_img_item.img_max{ padding-left:0;}
.list_img_item.img_max > .list_img{ float:left; position:relative; left:auto; width:100%; height:100%;}

.jl_input{ float:left; width:100%; padding:0 0 0 10px;}
.jl_input_item{ padding:12px 30px 12px 0; float:left; width:100%; line-height:20px; font-size:1.7rem !important; position:relative; margin-bottom:-0.5px;}
.jl_input_item > i{ width:20px; height:20px; text-align:right; line-height:20px; padding:0px; position:absolute; top:50%; margin-top:-10px; right:15px; font-size:1.7rem !important; color:#999; z-index:1;}
.jl_input_item > input{ border:0px !important; line-height:20px !important; padding:0px;}
.jl_input_item > input[disabled]{ background: #fff;}
.jl_input_item > textarea{ border:0px !important; padding:0px !important; line-height:20px; text-indent:0px;}
.jl_input_item > label{ border-left:1px solid #e4e4e4;}
.jl_input_item > button{ position: absolute; width: 80px; top: 13px; border-radius: 3px; border: 1px solid #000; right: 15px; padding: 4px 0; background: #fff;}

.bor_bottom{ position:relative; border:none; background-image:-webkit-linear-gradient(#f5f5f5 50%,transparent 50%); background-image:-moz-linear-gradient(#f5f5f5 50%,transparent 50%); background-image:-o-linear-gradient(#f5f5f5 50%,transparent 50%); background-image:linear-gradient(#f5f5f5 50%,transparent 50%); background-size:100% 1px; background-repeat:no-repeat; background-position:bottom;}

.chat_list{ padding-left: 10px;}
.chat_list_item{ padding: 10px 10px 10px 65px; height: 75px; position: relative;}
.chat_list_item img.portrait{ width: 55px; height: 55px; position: absolute; top: 10px; left: 0; border-radius: 5px;}
.chat_list_item div.portrait{ width: 55px; height: 55px; line-height: 55px; text-align: center; color: #fff; font-size: 20px; position: absolute; top: 10px; left: 0; border-radius: 5px;}
.chat_list_item div.portrait i{ font-size: 22px;}
.chat_list_title h3{ margin: 0px; height: 28px; line-height: 28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.chat_list_title span{ line-height: 28px; color: #999; font-size: 1.3rem;}
.chat_list_title em{ position: absolute; background: #ff4400; top: 10px; right: 10px; color: #fff; padding: 2px 7px; border-radius: 15px;}
.chat_list_main{ margin-top: 2px;}
.chat_list_main p{ color: #999; line-height: 20px; height: 20px; font-size: 1.6rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.chat_main{ padding: 10px 10px 60px;}
.chat_card{ width: 90%; float: left; margin: 10px 5%; padding: 10px; border: 1px solid #ccc; background: #fff; border-radius: 5px;}
.chat_card_main{ position: relative; padding-left: 80px; min-height: 70px;}
.chat_card_main img{ position: absolute; top: 0px; left: 0px; width: 70px;}
.chat_card .chat_card_main h3{ margin: 5px 0; font-size: 1.9rem;}
.chat_card .chat_card_main span{ margin-top: 5px; color: #999;}
.chat_card button{ background: #fff; padding-top: 10px; color: #2664be;}

.chat_time{text-align: center; margin: 10px 0;}
.chat_time span{ background: #ccc; padding: 3px 5px; border-radius: 5px; color: #fff;}

.chat_item{ position: relative; margin: 10px 0;}
.chat_item img.portrait{ width: 45px; height: 45px; position: absolute; top: 0px; background: #fff;}

.chat_others{ padding-left: 55px;}
.chat_me{ padding-right: 55px;}
.chat_others img{ left: 0px;}
.chat_me img{ right: 0px;}

.chat_item .chat_content{}

.chat_content .chat_name{ color: #999; font-size: 1.6rem; margin-bottom: 5px;}
.chat_content .chat_name span{ color: #fff; padding: 0px 5px; border-radius: 5px; font-size: 1.3rem;}
.chat_others .chat_name{ text-align: left;}
.chat_me .chat_name{ text-align: right;display: none}

.chat_content .chat_body{ border-radius: 3px; padding: 0 10px; max-width: 100%;}
.chat_others .chat_body{ background: #fff; border:1px solid #eee;float:left}
.chat_system .chat_body{ background: #eee; border:1px solid #ccc; color: #999;}
.chat_me .chat_body{ background: #9eea6a; border:1px solid #83cd50;float:right}

.chat_content .chat_body p{ float: left; width: 100%; margin: 11px 0; font-size: 1.9rem;}
.chat_content .chat_body a{ float: left; width: 100%; margin: 11px 0; font-size: 1.9rem; color: #2664be; text-decoration: underline;}
.chat_content .chat_body img{ max-width: 100%; margin: 10px 0; border-radius: 3px;}
.chat_body_card{ padding: 10px 0; min-height: 70px; position: relative; padding-left: 60px;}
.chat_body_card img{ width: 50px; position: absolute; top: 0px; left: 0px;}
.chat_body_card h3{ margin: 0px; font-size: 1.6rem;}
.chat_others .chat_body_card span{ margin-top: 5px; color: red;}
.chat_me .chat_body_card span{ margin-top: 5px; color: #000;}

.chat_body_title{ padding: 0 0 10px 0;}
.chat_body_title p{ margin: 10px 0 0 0 !important;}
.chat_body_title span{ margin-top: 5px; color: #999;}

.chat_input{ position: fixed; width: 100%; bottom:0px; background: #eee;}
.chat_input .chat_input_header{ min-height: 50px; border-top: 1px solid #ccc; padding:7px 50px 7px 15px; position: relative;}
.chat_input .chat_input_header .div_input{ min-height: 34px; padding: 7px; font-size: 1.9rem; line-height: 20px; background: #fff; border: 1px solid #ccc; border-radius: 5px; max-height: 110px; overflow-y: auto;}
.chat_input .chat_input_header i{ position: absolute; width: 50px; height: 50px; right: 0px; bottom: 0px; text-align: center; line-height: 50px; font-size: 28px; color: #999;}
.chat_input .chat_input_header button{ position: absolute; width: 40px; height: 32px; border-radius: 5px; line-height: 30px; border: 0px; background: #2664be; color: #fff; text-align: center; right: 5px; top: 9px;}

.chat_input_body{ padding:0 15px 20px; border-top: 1px dashed #ccc; max-height: 215px; overflow-y: auto;}
.chat_input_body .chat_input_item{ margin-top: 20px;}
.chat_input_body .chat_input_item i{ background: #fff; border:1px solid #aaa; color: #999; height: 55px; line-height: 55px; font-size: 30px; border-radius: 10px;}
.chat_input_body .chat_input_item span{ color: #666;}

/***商品列表***/
.sx_item{ float: left; width: 100%; background: #fff;}
.sx_item ul{ float: left; width: 100%; padding: 0 10px 10px 0;}
.sx_item ul li{ float: left; width: 33.33333%; padding: 10px 0 0 10px;}
.sx_item ul li span{ float: left; width: 100%; font-size: 12px; border-radius: 5px; padding: 6px 0; text-align: center; border: 1px solid #eee; background: #eee;}
.sx_item ul li span.xuan{ background: #fff; color: var(--color); border: 1px solid var(--color);}
.sx_item ul li img{ border: 1px solid #eee !important; border-radius: 5px; width: 100%;}
.sx_item ul li img.xuan{ border: 1px solid var(--color) !important;}
.sx_item input.jg{ height: 40px; float: left; width: 45%; text-align: center; border-radius: 5px; background: #eee; border:1px solid #eee;}
.sx_item span.jgz{ width: 10%; text-align: center;}
.jl_pro_select{ float: left; width: 100%; padding: 10px 15px;}
.jl_pro_select .pro_select_item{ text-align: center; font-size: 14px;}
.jl_pro_item > .pro_info div.pro_value01{}
.jl_pro_item > .pro_info div.pro_value01 > span{ float: left; padding: 1px 4px; border: 1px solid #f5f5f5; background: #f5f5f5; color: #999; font-size: 10px; margin: 5px 5px 0 0; border-radius: 8px;}
.jl_pro_item > .pro_info img.cart{ width: 25px; position: absolute; top: 90px; right: 10px; border:1px solid #f10215 !important; border-radius: 50%;}
.jl_pro_select .pro_select_item i{ color: var(--color);}
.jl_pro_select .pro_select_item .xuan{ color: var(--color); font-weight: bold;}
.jl_pro_list{ background: #fff; float: left; width: 100%; font-size: 8px;}
.jl_pro_list .jl_pro_item{ padding: 15px 10px 15px 140px; position: relative;}
.jl_pro_item > .pro_img{ width: 120px; height: 120px; overflow: hidden; position: absolute; top: 15px; left: 10px; background: #ccc;}
.jl_pro_item > .pro_info{ float: left; width: 100%; min-height: 120px;}
.jl_pro_item > .pro_info h3.pro_name{ float: left; width: 100%; height: 31px; font-size: 14px; font-weight: 400; margin: 0px; overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.jl_pro_item > .pro_info h3.pro_name em{ padding: 0 2px; height: 15px; line-height: 14px; border-radius: 8px; background: #fff; border: 1px solid #ef250f; font-size: 8px; color: #ef250f; margin:0px 5px 0 0;}
.jl_pro_item > .pro_info div.pro_value{ float: left; width: 100%; height: 20px; overflow: hidden; margin-top: 8px;}
.jl_pro_item > .pro_info div.pro_value > span{ float: left; padding: 1px 3px; color: #999; border-radius: 3px; background: #f1f1f1; font-size: 12px; margin-left: 5px;}
.jl_pro_item > .pro_info div.pro_value > span:first-child{ margin-left: 0px;}
.jl_pro_item > .pro_info div.pro_line{ position: relative; height: 7px; border-radius: 5px; background: #ccc;}
.jl_pro_item > .pro_info div.pro_line.xuan{ position: absolute; left: 0px; top: 0px; height: 7px; background: var(--color); border-radius: 5px;}
.jl_pro_item > .pro_info div.pro_pic{ float: left; width: 100%; height: 20px; font-size: 18px; color: #ef250f; margin: 10px 0 5px 0;}
.jl_pro_item > .pro_info div.pro_pic span{ font-size: 10px; margin:5px 0 0 0; float: left; font-weight: 500;}
.jl_pro_item > .pro_info div.pro_pic b{ font-weight: 500;letter-spacing:-1px;}
.sl_tabs{ height: 16px; width: 90px; border:1px solid #c4c4c4; overflow: hidden; background: #c4c4c4; border-radius: 10px;}
.sl_tabs em{ width: 50%; text-align: center; line-height: 15px; padding: 0 5px; color: #fff !important; font-size: 10px !important; border-left: 1px solid #ccc;}
.sl_tabs em:last-child{ border-left: 0px; background: #fff; color: #c4c4c4 !important;}
.jl_pro_item > .pro_info > P{ height: 20px; overflow: hidden; font-size: 8px;}
.jl_pro_list .jl_pro_item:last-child{ background: #fff;} 
.pro_list_shopSeach{ padding:15px;}
.pro_list_shopSeach span{ line-height: 30px;}
.pro_list_shopSeach select{ height: 30px; border-radius: 3px; padding: 0 5px; margin-right: 10px; border: 1px solid #ccc;}
.pro_list_shopSeach input{ height: 30px; border-radius: 3px; border: 1px solid #ccc;}
.pro_list_shopSeach button{ height: 28px; background: #f1f1f1; border:1px solid #ccc; border-radius: 3px; margin-left: 10px; font-size: 16px;}

.pro_list_no{ position: fixed; z-index: 999; top: 80px; background: #f5f5f5; width: 100%; height: 100%;}

.app_tishi{padding: 8px 10px;background: #f9f7db;color: #f2a849;}
.footer_submit{ float: left; width: 100%; height: 50px; padding: 5px 10%; background: #fff;}
.footer_submit > button{ float: left; width: 100%; height: 40px; line-height: 40px; padding: 0px; margin: 0px; border: 0px; border-radius: 20px;}


.pro_main{ float: left; width: 100%; background: #fff; padding: 5px 10px 10px 10px; }
.pro_main h2{ font-size: 16px; margin: 0px;}
.pro_main h2 em{ border: 1px solid #ef250f; color: #ef250f; font-size: 8px; padding: 1px 2px; border-radius: 10px; float: left; margin: 0px 5px 0 0;}
.pro_main .pro_main_pic{ float: left; width: 100%; font-size: 16px; height: 32px; margin-top: 0px;}
.pro_main .pro_main_pic span{ float: left; color: #ef250f; margin-top: 7px; font-weight: 500;letter-spacing:-1px;}
.pro_main .pro_main_pic b{ float: left; line-height: 32px; font-size: 25px; color:#ef250f;letter-spacing:-1px;}
.pro_main .pro_main_gz{}
.pro_main .pro_main_gz span{ font-size: 8px;}
.pro_main .pro_main_gz i{ height: 20px; line-height: 20px; font-size: 16px;}
.pro_main_sx{ float: left; width: 100%; background: #fff; padding: 15px;}
.pro_main_sx > div{ border: 1px solid #eee; float: left; width: 100%; padding: 0px; border-right: 0px;}
.pro_main_sx > div > p{ float: left; width: 100%; border-top: 1px solid #eee; font-size: 16px; font-weight: bold; color: #666; padding: 10px; margin: 0px; border-right: 1px solid #eee;}
.pro_main_sx > div > p:first-child{ border-top: 0px;}
.pro_main_sx > div > div{ border-top: 1px solid #eee; padding: 0 10px; border-right: 1px solid #eee; float: left; height: 35px; line-height: 35px; overflow: hidden; width: 50%;}

.pro_main_com{ height: 70vh; background-color: #FFF; }
.pro_main_com .pro_com_header{ height: 100px;  width: 100%; background: #fff; border-bottom: 1px solid #eee; padding: 15px 15px 15px 105px;}
.pro_main_com .pro_com_header img{ width: 80px; position: absolute; left: 10px; top: 10px;}
.pro_main_com .pro_com_header h3{ margin: 0px; color: #000; font-size: 12px; font-weight: 400; height: 30px; overflow: hidden;}
.pro_main_com .pro_com_header b{ margin-top: 10px; font-size: 20px; color: var(--color);}

.pro_main_com .pro_com_body{ float: left; height: calc(70vh - 150px); width: 100%; overflow-y: auto;}
.pro_main_com .pro_com_body dl{ border-bottom: 1px solid #eee; padding:5px 15px;}
.pro_main_com .pro_com_body dt{ line-height: 30px;}
.pro_main_com .pro_com_body dd > button{ padding: 5px 10px; border: 1px solid #666; background: #fff; margin: 0 10px 10px 0; font-size: 12px; border-radius: 12px;}
.pro_main_com .pro_com_body dd > button.xuan{ color: var(--color); border: 1px solid var(--color);}

.pro_main_com .pro_com_bottom{ font-size: 16px; height: 50px; width: 100%; background: var(--color); color: #fff; }
.pro_main_com :disabled{ background: #fff; }

.pro_main_header{ height: 44px; width: 100%; top: 0px; left: 0px; position: absolute; z-index: 10;}
.pro_main_header > .tab{ width: 160px; position: absolute; height: 44px; line-height: 44px; top: 0px; left: 50%; margin-left: -80px;}
.pro_main_header > .tab li{ width: 35px; margin-left: 10px; text-align: center; float: left; color:#000; font-size: 12px;}
.pro_main_header > .tab li:first-child{ margin-left: 0px;}
.pro_main_header > .tab li.xuan{ border-bottom: 4px solid var(--color); height: 44px; color:#000; line-height: 44px; font-size: 14px;}
i.fh{ position: absolute; top: 8px; left: 10px; text-align: left; padding-left: 9px; line-height: 32px; font-size: 14px; width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0.3); color: #fff;}
.pro_main_body{ position: absolute; top: 0px; left: 0px; height: 100%; overflow-y: auto;}

.pro_main_hd{position: relative; height: 55px;}
.pro_main_hd .pro_main_hdpic{ padding: 0 15px; height: 55px; line-height: 55px; background: var(--color); color: #fff;}
.pro_main_hd .pro_main_hdpic font{ font-size: 28px;}
.pro_main_hd .pro_main_hdtime{width: 130px; height: 55px; position: absolute; top: 0px; right: 0px; background: #eee;}
.pro_main_hd .pro_main_hdtime font{ padding: 3px 3px; border-radius: 3px; background: var(--color); color:#fff;}

.pro_main_pj{ float: left; width: 100%; padding: 10px; background: #fff; margin-bottom: 10px;}
.pro_pj_header{ float: left; width: 100%;}
.pro_pj_header img{ float: left; width: 30px; height: 30px; border-radius: 50%;}
.pro_pj_header h3{ float: left; width: calc(100% - 50px); height: 18px; line-height: 18px; margin: 0px 0 0 10px; font-size: 12px;}
.pro_pj_header span{ float: left; width: calc(100% - 50px); height: 10px; margin: 0px 0 0 10px;font-size: 10px; color: #aaa;}
.pro_pj_body{ float: left; width: 100%;}
.pro_pj_body p{ margin-top: 10px;}

.pro_pj_body .main_img{ float: left; margin-top: 10px; margin-bottom: -10px;}
.pro_pj_body .main_img .one_img{ height: 200px; margin-bottom: 10px;}
.pro_pj_body .main_img .more_img{ width: 70px; height: 70px; overflow: hidden; margin: 0 10px 10px 0; float: left;}
.pro_pj_body .main_img .more_img img{ width: 100%;}


/***顾客地址选择***/
.customer{ background: #fff;}
.customer_info{ padding:0px 10px 10px; color: rgb(59, 22, 22);}
.customer_info h3{ margin: 0px; color: #000; font-size: 16px;}
.customer_info_none{ text-align: center; height: 78px; line-height: 78px; color: #aaa; font-size: 20px; }
.line01{ width: 100%; height: 3px; background: url(../imgs/line01.png);}
.address_list{ background: #fff;}
.address_item{ padding: 15px 10px;}
.address_item_info{ float: left; width: 100%;}
.address_item .user_name{ float: left; width: 100%; height: 20px; font-size: 14px;}
.address_item .user_address{ float: left; width: 100%; font-size: 10px; color: #999; margin-top: 5px;}
.address_item .address_footer{ float: left; width: 100%; padding: 10px 15px;}
.address_item .address_footer button{ padding: 0px; float: right; font-size: 14px; margin-left: 15px; height: 25px; border: 0px; background: #fff; color: #999;}
.address_item .address_footer button:first-child{ margin-left: 0px;}
.address_item .address_footer button.xuan{ color:var(--color);}
.address_item_bj{ position: absolute; right: 10px;}
.address_item_bj button{ height: 20px; color: #999; background: #fff; font-size: 12px; border: 0px; width: 25px; line-height: 20px; text-align: right; padding: 0px;}

.new_content{ float: left; width: 100%; padding: 15px;}
.new_content .new_title{ float: left; width: 100%; padding-bottom: 20px;}
.new_content .new_title h2{ float: left; width: 100%; font-size: 20px; margin: 0px;}
.new_content .new_title span{ float:left; color: #999; margin: 10px 10px 0 0;}
.new_content .new_title span:last-child{ margin-left: 0px;}
.new_content .new_main{ float: left; width: 100%;}
.new_content .new_main p{ float: left; width: 100%; font-size: 16px !important; line-height: 25px; margin-bottom: 20px;}
.new_content .new_main p img{ float: left; max-width: 100%;}
.new_content .new_main .new_fj{ float: left; width: 100%; margin-bottom: 20px; background: #eee; border-radius: 5px; padding: 10px;}
.new_content .new_main .new_fj b{ float: left; width: 100%; font-size: 16px;}
.new_content .new_main .new_fj span{ float: left; margin:5px 10px 0 0; font-size: 12px; color: #999;}
.new_content .new_footer{ float: left; width: 100%;}
.new_footer h3{ margin: 0px; float: left; color: #999;}

/***分享***/
.share{ background: #fff; position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 100; padding: 25px 15px;}
.share .share_body{}
.share .share_body .share_list{}
.share .share_body .share_list li{ margin-bottom: 20px; text-align: center;}
.share .share_body .share_list img{ width: 50px; height: 50px;}
.share .share_body .share_list span{ margin-top: 5px;}
.share .share_footer{text-align: center;}
.share .share_footer i{ font-size: 20px; color: #aaa;}

.login{ position: fixed; width: 100%; height: 100%; z-index: 10; left: 0px; top: 0px; background:#fff;}
.login .login_main{ float: left; width: 86%; margin-left: 7%; padding-top: 20%;}
.login .login_main .user_img{ float: left; width: 70%; text-align: center; margin: 0 0 0 15%;}
.login .login_main .user_img img{}
.login .login_main .user_info{}
.user_input{ height: 40px; margin-top: 20px;}
.user_input b{ line-height: 40px; font-weight: 500; font-size: 16px; float: left; width: 25%;}
.user_input input{ height: 39px; border: 0px; font-size: 18px; float: left; width: 75%;}
.user_input i{ float: left; width: 10%; text-align: right; height: 40px; line-height: 40px; color: #aaa; font-size: 20px;}
.user_input button{ border: 1px solid #000; border-radius: 3px; font-size: 12px; position: absolute; right: 0px; padding: 6px 0; width: 70px; text-align: center; background: #fff; top: 5px;}
.login_btn{ font-size: 18px; background: var(--color); color: #fff; text-align: center; padding: 15px 0; border-radius: 5px;}
.login_btn:active{opacity:0.8}
.login_bq{ float: left; width: 100%; text-align: center; margin:10px 0;}

.login .logo{ width:85px; height:85px; margin:50px auto; border-radius:50%; overflow:hidden; border:1px solid #e4e4e4;}
.login .logo > img{ width:100%;}

.login .thdLogin{ position:absolute; width:100%; bottom:0px; padding:5px 15px;}
.login .thdLogin h3{ height:30px; line-height:30px; font-weight:100; font-size:12px; color:#ccc;}
.login .thdLogin i{ font-size:1.2rem !important;}

/***成功***/
.success{ float: left; padding-top: 170px;}
.success .success_icon{ width: 100px; height: 100px; line-height: 100px; text-align: center; position: fixed; color: #fff; border-radius: 50%; left: 50%; top: 100px; margin: 0 0 0 -50px; font-size: 50px;}
.success .success_icon.green{ background: #0bc7a1;}
.success h3{ margin: 0px; padding: 0 50px;}
.success p{ font-size: 14px; color:  #999; padding: 0 50px; margin-top: 5px;}
.success .success_button{ padding: 0 20px; margin-top: 50px;}
.success .success_button button{ font-size: 16px; padding: 15px 0; margin-top: 20px; background: #fff; border:1px solid #aaa; border-radius: 5px;}
.success .success_button button.xuan{ background: var(--color); color: #fff; border: 1px solid var(--color);}

h2.message{ position: fixed; width: 90%; left: 5%; top: 30%; font-size: 20px; text-align: center; color: #ccc; text-shadow: 1px 1px 1px #fff;}

/* 头部下拉框 */
.drop_box{position:fixed; top:56px; right:6px; background:rgba(0,0,0,0.85); color:#fff; width:150px; padding:0 15px; border-radius:3px}
.drop_box:before{ content:''; display:inline-block !important; z-index:10; position: absolute; top:-7px; right:14px;  border-right:7px solid transparent; border-bottom:7px solid #333; border-left:7px solid transparent;  }
.drop_box > div > span{ border-bottom: solid 1px #666; padding: 6px; font-size: 14px;}

/* 活页选项 */
.leaf_box{ position:absolute;top:0; z-index:10; left: 0; width:100%; overflow: hidden; background:#fff; color:#666; border-bottom:solid 1px #e1e1e1}
.leaf_box > .leaf_child > span{ border-bottom:solid 2px #fff; font-size:14px}
.leaf_box > .xuan > span{ border-bottom:solid 2px var(--color); color: var(--color); padding:0 6px}

.post_box{ background: #fff}
.post_box > .post_input > textarea{ border:0; height:120px; max-height:180px; line-height:20px; font-size:14px; color:#333}
.post_box > .post_img_box{ padding:14px;}
.post_box > .post_img_box > span{float:left; margin:0 10px 10px 0;width:100px; height:100px; overflow:hidden; text-align: center}
.post_box > .post_img_box > span.post_img_add{ border:solid 1px #e1e1e1; background:#f3f3f3}
.post_box > .post_img_box > span.post_img_add > em{ font-size:50px; color:#ccc;line-height:98px;}
.post_btn{ position:fixed; bottom: 20px; left: 0;}

.pro_search{ float: left; width: 100%;}
.pro_search h3{ float: left; width: 100%; padding: 8px 10px; margin: 0px; font-size: 12px; font-weight: 500; color: #aaa;}
.pro_search .jl_form_item{ padding: 12px 10px 12px 0;}

.pic_browsing{ position: fixed; width: 100%; height: 100%; background: #000; top: 0px; left: 0px; display: flex; align-items: center;
}
.pic_browsing img{ margin: auto; width: 100%;}

/**分类**/
.pro_class_header{ float: left; width: 100%; height: 50px; background: #fff; padding: 10px;}
.pro_class_header > div{ float: left; width: 100%; padding: 0 10px; height: 30px; line-height: 30px; background: #eee; border-radius: 15px;}
.pro_class_header > div.right_button{ width: calc(100% - 45px) !important;}
.pro_class_header > div i{ line-height: 30px;}
.pro_class_header > div span{ color: #999;}
.pro_class_header > div input{ float: left; width: 100%; background: #eee; height: 30px; line-height: 30px; border: 0px; border-radius: 15px;}
.pro_class_header > button{ line-height: 30px; width: 45px; text-align: right; background: initial;}
.pro_class{ position:fixed; z-index: 90; overflow-y: auto; width: 100px; height: 100%; background: #f1f1f1; left: 0px; top: 0px; padding: 49px 0 55px 0;}
.pro_class_item{ width: 100%; float: left; padding: 15px 0px; font-size: 10px; color: #999;}
.pro_class_item span{ float: left; width: 100%; height: 15px; text-align: center; line-height: 15px; border-left: 5px solid #f1f1f1;}
.pro_class_item:first-child{ border-top: 1px solid #f1f1f1;}
.pro_class_item.xuan{ color: #000; font-size: 10px; background: #fff;}
.pro_class_item.xuan span{ border-left: 5px solid var(--color);}

.pro_class_main{ position:fixed; z-index: 80; top: 0px; right: 0px; width: 100%; height: 100%; padding: 50px 10px 55px 110px; overflow-y: auto;}
.pro_class_main .pro_class_case{ width: 100%;}
.pro_class_case h3{ margin:10px 0; font-size: 12px;}
.pro_class_case .pro_class_box{ float: left;}
.pro_class_case ul{}
.pro_class_case li{ border: 1px solid #f1f1f1; font-size: 14px; text-align: center; height: 45px; line-height: 44px; padding: 0 5px; margin: -1px 0 0 -1px;}
.pro_class_case .pro_class_img{ padding: 10px;}
.pro_class_case .pro_class_img img{}
.pro_class_case .pro_class_img span{ color: #999; float: left; width: 100%; height: 25px; line-height: 25px; margin-top: 5px; overflow: hidden; text-align: center;}


/**图片展示控件**/
.img_box{ position: fixed; z-index: 1; background: #000; width: 100%; height: 100%; overflow: hidden;}
.img_box .img_box_item{ float: left; height: 100%;}
.img_box .img_box_item li{ float: left; height: 100%; overflow-x: auto; overflow-y: auto; text-align: center; display: table;}
.img_box .img_box_item li span{ display: table-cell; vertical-align: middle; }
.img_box .img_box_item li img{ width: 100%;}
.img_box .img_box_btn{ position: fixed; left: 50%; bottom: 20px;}
.img_box .img_box_btn li{ float: left; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.5); margin-left: 15px;}
.img_box .img_box_btn li.xuan{ background: #fff;}
.img_box .img_box_btn li:first-child{ margin-left: 0px;}

/**店铺首页**/
.shop_header{ float: left; width: 100%; background:url(../imgs/shop_header_bg.png) top center; background-size: auto 100%; position: relative;}

.shop_header .shop_header_search{ float: left; height: 40px; width: 100%; padding: 8px 10px 8px 0;}
.shop_header .shop_header_search i{ color: #fff; font-size: 14px; margin-left: 10px; line-height: 24px; float: left; width: 24px; background: rgba(0,0,0,.3); border-radius: 50%; text-align: center;}
.shop_header .shop_header_search input{ height: 24px; padding: 0 10px; margin-left: 10px; border-radius: 15px; border: 0px; background: rgba(255,255,255,1); float: left; width:calc(100vw - 156px);}
.shop_header .shop_header_search button{ float: left; line-height: 24px; width: 50px; text-align: center; background: initial; color: #fff; font-size: 13px;}
.shop_header .shop_header_search em{ float: right; width: 16px; font-size: 8px; height: 16px; border-radius: 50%; border: 1px solid #fff; color: #fff; text-align: center; line-height: 15px; margin: 4px;}
.shop_header .shop_header_info{ float: left; width: 100%; height: 40px; padding: 5px 10px;}
.shop_header .shop_header_info .shop_logo{ float: left; width:calc(100vw - 80px);}
.shop_header .shop_header_info .shop_logo img{ height: 30px; width: 30px; float: left;}
.shop_header .shop_header_info .shop_logo h3{ float: left; width:calc(100% - 40px); height: 30px; line-height: 30px; padding-left: 10px; margin: 0px; color: #fff; font-size: 14px;}
.shop_header .shop_header_info button{ float: right; height: 20px; width: 60px; border:1px solid var(--color); background: var(--color); margin-top: 5px; color: #fff; border-radius: 10px; font-size: 10px;}
.shop_header .shop_header_info button.xuan{ border:1px solid #fff; background: inherit;}

.shop_header .shop_header_tab{ float: left; width: 100%; text-align: left; color: #fff; padding: 5px 10px; height: 40px;}
.shop_header .shop_header_tab li{ float: left; margin-left: 25px;}
.shop_header .shop_header_tab li:first-child{ margin-left: 0px;}
.shop_header .shop_header_tab li span{ border-bottom:2px solid initial; line-height: 25px; font-size: 13px;}
.shop_header .shop_header_tab li span.xuan{ border-bottom:2px solid #fff;}

.shop_footer{ padding: 12px 0; float: left; width: 100%; background: #fff;}
.shop_footer li{ text-align: center; border-left: 1px solid #e4e4e4; font-size: 13px;}
.shop_footer li:first-child{ border: 0px;}
.shop_footer li i{ margin-right: 5px;}

.shop_header_index{ position: fixed; z-index: 999; background: rgba(0,0,0,0) !important;}
.shop_header_index .shop_header_search i.fa-angle-left{ display: none;}
.shop_header_index .shop_header_search input{ width:calc(100vw - 122px);}
.shop_header_index .shop_header_info{ display: none;}
.shop_header_index .shop_header_tab{ display: none;}


.go_top{position: fixed;z-index: 10;right:20px;width: 40px;height: 40px;border-radius: 50%;line-height: 38px !important;background:#fff;text-align: center; color:#333;bottom: 65px;font-size: 14px !important;border: 2px solid #ccc; box-shadow: 0 0 10px #aaa;}
.go_cart{position: fixed;z-index: 10;right:20px;width: 40px;height: 40px;border-radius: 50%;line-height: 38px !important;background: url(../imgs/go_cart.png) #fff; background-size: 100% auto; text-align: center; color:#333;bottom: 115px; box-shadow: 0 0 10px #aaa; font-size: 14px !important;border: 2px solid #aaa;}
.go_cart em{ position: absolute; font-size: 8px; color: red; width: 15px; height: 15px; top: -5px; right: -5px; border: 1px solid red; border-radius: 50%; line-height: 13px; text-align: center; background: #fff;}

.microphone_main{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 999; background: rgba(255,255,255,0.98); padding: 70px 20px;}
.microphone_main span{ font-size: 14px;}
.microphone_main li{ font-size: 14px; margin-top: 10px;}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?7csrjo');
  src:  url('fonts/icomoon.eot?7csrjo#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?7csrjo') format('truetype'),
    url('fonts/icomoon.woff?7csrjo') format('woff'),
    url('fonts/icomoon.svg?7csrjo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="i-"], [class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-ex-warehouse:before {
  content: "\e900";
}
.i-order-form:before {
  content: "\e901";
}
.i-warehouse:before {
  content: "\e902";
}
.i-sign-for:before {
  content: "\e903";
}


.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-45 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-45,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/***店铺列表***/
.jl_shop_list{ float: left;}
.jl_shop_list > .jl_shop_item{ background: #fff; float: left; width: 100%; margin-bottom: 10px;}
.jl_shop_list > .jl_shop_item > .shop_head{ padding: 10px; position: relative;}
.jl_shop_list > .jl_shop_item > .shop_head > .logo{ width: 40px; position: absolute; top: 10px; left: 10px;}
.jl_shop_list > .jl_shop_item > .shop_head > .name{ padding:0 60px 0 50px; height: 40px;}
.jl_shop_list > .jl_shop_item > .shop_head > .name h3{ margin: 0px; font-size: 14px;}
.jl_shop_list > .jl_shop_item > .shop_head > .name span{ font-size: 12px; color: #aaa; margin-top: 5px;}
.jl_shop_list > .jl_shop_item > .shop_head > button{ position: absolute; right: 10px; width: 50px; height: 20px; margin-top: 12px; font-size: 12px; border: 1px solid  var(--color); background: #fff; color: var(--color); border-radius: 3px;}
.jl_shop_list > .jl_shop_item > .shop_body{ padding: 10px 10px 10px 0;}
.jl_shop_list > .jl_shop_item > .shop_body .shop_list_pro{ float: left; padding-left: 10px; position: relative;}
.jl_shop_list > .jl_shop_item > .shop_body .shop_list_pro span{ position: absolute; bottom: 0px; right: 0px; padding: 2px 5px; background: rgba(0,0,0,0.4); color: #fff;}

